<!--
 * @description: 
 * @Author: lhr
 * @Date: 2020-12-03 10:32:52
 * @LastEditors: lhr
 * @LastEditTime: 2020-12-17 15:14:34
-->
<template>
  <ul>
    <li v-for="item in list" v-bind:key="item.id" @click="selectItem(item.id)">
      {{ item.name }}-{{ item.sex }}
    </li>
  </ul>
</template>
<script>
export default {
  props: ["list"],
  // emits: ["sureOk"],
  emits: ["sure-ok"],
  // emits: [], // 只要写了emits选项，代码里有用到emit的都要定义上；要不不写这个属性也可以
  // emits: ["sure-ok",'add'],
  // emits: {
  //   // "sure-ok": (id) => {
  //   //   if (typeof id === "number") {
  //   //     return true;
  //   //   } else {
  //   //     console.log("id格式不正确");
  //   //     return false;
  //   //   }
  //   // },
  //   "sureOk": (id) => {
  //     if (typeof id === "number") {
  //       return true;
  //     } else {
  //       console.log("id格式不正确");
  //       return false;
  //     }
  //   },
  // },
  methods: {
    selectItem(id) {
      this.$emit("sure-ok", id);
      this.$emit("add", id);
      // this.$emit("sureOk", id);
    },
  },
};
</script>
